<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8"/>
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"/>
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0">
    <meta name="format-detection" content="telephone=no">
    <meta name="renderer" content="webkit">
    <meta http-equiv="Cache-Control" content="no-siteapp"/>
    <meta HTTP-EQUIV="pragma" CONTENT="no-cache">
    <meta HTTP-EQUIV="Cache-Control" CONTENT="no-cache, must-revalidate">
    <meta HTTP-EQUIV="expires" CONTENT="0">
    <!-- Site Properities -->
    <title>个人介绍</title>

    <link rel="stylesheet" type="text/css" href="../dist/semantic.css">
    <!--<link rel="stylesheet" type="text/css" href="../css/homepage.css">-->
</head>
<body>

<div class="ui top fixed teal inverted attached segment">
    <div class="ui container">
        <div class="ui three grid">
            <div class="middle aligned row">
                <div class="ui two wide column">
                    <div class="ui big icon blue basic inverted button" id="back">
                        <i class="arrow left icon"></i>
                    </div>
                </div>
                <div class="ui twelve wide center aligned column">
                    <h1 class="ui inverted center aligned header">Nico的个人资料</h1>
                </div>
                <div class="ui two wide column">
                    <div class="ui big icon right floated blue basic inverted button" id="home">
                        <i class="home icon"></i>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

<div class="ui fluid attached container">
    <div class="ui segments">
        <div class="ui segment">
            <div class="ui grid">
                <div class="eight wide column">
                    <h3 class="ui header">全职保姆(包月制)</h3>
                </div>
                <div class="right floated four wide column">
                    <a onclick="shoucang()"><i class="star outline yellow icon"></i>未收藏</a>
                </div>
            </div>
        </div>
        <div class="ui segment">
            <div class="ui equal width grid">
                <div class="centered row">
                    <div class="center aligned column">
                        <i class="yen sign teal icon"></i>4000
                    </div>
                    <div class="center aligned column">
                        <i class="map marker alternate teal icon"></i>海南
                    </div>
                    <div class="center aligned column">
                        <i class="clock outline teal icon"></i>全职
                    </div>
                </div>
                <div class="centered row">
                    <div class="center aligned column">
                        <i class="calendar teal icon"></i>3年
                    </div>
                    <div class="center aligned column">
                        <i class="graduation cap teal icon"></i>本科
                    </div>
                    <div class="center aligned column">
                    </div>
                </div>
            </div>
        </div>
        <div class="ui segment">
            <div class="ui three grid">
                <div class="middle aligned row">
                    <div class="thirteen wide column">
                        <h3 class="ui image header">
                            <img class="ui tiny rounded image"
                                 src="https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1569818533536&di=11e8b2e59c1d08bbced2820545149cd0&imgtype=0&src=http%3A%2F%2Fimg.duoziwang.com%2F2017%2F10%2F1709350110890.jpg">
                            <div class="content">
                                Nico
                                <div class="sub header">
                                    特长:洗衣、烹饪
                                </div>
                                <div class="sub header">
                                    来自:中国湖南
                                </div>
                                <div class="sub header">
                                    评分:5.0
                                </div>
                            </div>
                        </h3>
                    </div>
                    <div class="three wide column">
                        <i class="thumbs up outline red big icon"></i>
                    </div>
                </div>
            </div>
        </div>
        <div class="ui secondary teal inverted segment">
            <h4 class="ui inverted header">职位描述</h4>
        </div>
        <div class="ui segment">
            <h4 class="ui header">岗位职责:</h4>
            <p>1.熟练使用英语,善于汉语口语交流,能有效的与雇主进行交互</p>
            <p>2.进行过专业家政培训,善于日常卫生清理,母婴陪护工作</p>
            <p>3.会做饭,愿意学习中餐的烹饪,可按雇主的口味需求烹饪</p>
            <p>4.身体状况健康,吃苦耐闹,热爱运动</p>
        </div>
    </div>
</div>

<div class="ui sticky" style="left: 376.5px; width: 768px !important; height: 43px !important;">
    <div class="ui teal one item bottom fixed inverted menu">
        <a class="item" id="item"><i class="envelope outline icon"></i>租聘</a>
    </div>
</div>

<script src="https://kanghe-jtys.oss-cn-shenzhen.aliyuncs.com/js/jquery-3.3.1.js"></script>
<script src="../dist/semantic.js"></script>
<script src="../js/homepage.js"></script>
<script type="text/javascript">
    $(function () {
        $("#hot_part").show();
        $("#search_part").hide();
        $("#mine_part").hide();
        $("#item1").click(function () {
            $("#item2").removeClass("active");
            $("#item3").removeClass("active");
            $("#item1").addClass("active");
            $("#hot_part").show();
            $("#search_part").hide();
            $("#mine_part").hide();
        });

        $("#item2").click(function () {
            $("#item1").removeClass("active");
            $("#item2").removeClass("active");
            $("#item2").addClass("active");
            $("#hot_part").hide();
            $("#search_part").show();
            $("#mine_part").hide();
        });

        $("#item3").click(function () {
            $("#item1").removeClass("active");
            $("#item2").removeClass("active");
            $("#item3").addClass("active");
            $("#hot_part").hide();
            $("#search_part").hide();
            $("#mine_part").show();
        });

        $("#back").click(function () {
            window.location.href = "main.html";
        });

        $("#home").click(function () {
            window.location.href = "main.html";
        });
    });
</script>
</body>
</html>